<template>
    <el-scrollbar height="100%">
        <el-row>
            <el-col :span="14" :offset="5">
                <el-card class="box-card" shadow="always" style="border-radius: 30px;">
                    <template #header>
                        <div class="card-header">
                            <h1>软件工程课程设计介绍</h1>
                            <el-link
                                type="primary"
                                href="https://github.com/jiangyuxiaoxiao/QQchatbot"
                                target="_blank"
                                :underline="false"
                            >
                                <svg viewBox="0 0 16 16" width='17px' >
                                    <path
                                        fill-rule="evenodd"
                                        d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59c.4.07.55-.17.55-.38c0-.19-.01-.82-.01-1.49c-2.01.37-2.53-.49-2.69-.94c-.09-.23-.48-.94-.82-1.13c-.28-.15-.68-.52-.01-.53c.63-.01 1.08.58 1.23.82c.72 1.21 1.87.87 2.33.66c.07-.52.28-.87.51-1.07c-1.78-.2-3.64-.89-3.64-3.95c0-.87.31-1.59.82-2.15c-.08-.2-.36-1.02.08-2.12c0 0 .67-.21 2.2.82c.64-.18 1.32-.27 2-.27c.68 0 1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82c.44 1.1.16 1.92.08 2.12c.51.56.82 1.27.82 2.15c0 3.07-1.87 3.75-3.65 3.95c.29.25.54.73.54 1.48c0 1.07-.01 1.93-.01 2.2c0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"
                                        fill="black"
                                    />
                                </svg>
                            </el-link>
                        </div>
                    </template>
                    <div class="text item">
                        <h4>项目简介</h4>
                        <p>基于NonBot与go-cqhttp的QQ机器人</p>
                            <el-divider></el-divider>
                        <h4>小组成员及分工</h4>
                        <p>后端:<span>蔡子辰</span></p>
                        <p>插件:<span>丁泽华 蔡广霖 冯就康</span> </p>
                        <p>前端:<span>朱罗俊</span></p>
                         <el-divider></el-divider>
                         <h4>实现功能</h4>
                         <p>CPU/GPU/RAM状态读取</p>
                         <p>进群/离群欢迎提示 </p>
                         <p>群成员自动管理</p>
                         <p>复读</p>
                         <p>网盘资源菜单</p>
                         <p>签到</p>
                         <p>网易云随机音乐，随机热评分享</p>
                         <p>自动百度搜索</p>
                         <p>翻译</p>
                         <p>文字转换为语音</p>
                         <p>每天60秒阅读世界</p>
                         <p>我的宠物互动</p>
                        </div>
                </el-card>
            </el-col>
        </el-row>
        <br><br>
    </el-scrollbar>
</template>
<script setup>

</script>

<style scoped>
.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.text {
    font-size: 14px;
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
  'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}
.text h4{
    margin: 20px;
    font-size: 20px;
    margin-left: 0px;
}
.text p{
    margin:10px
}
.text p span {
    margin-left: 15px;
}
.item {
    margin-bottom: 18px;
}

.box-card {
    width: 100%;
}
</style>
